<div class="create-coupon-form">
  <form class="form-horizontal">
    <p>
      <label for="promo_code">
        {{i18n "discourse_subscriptions.admin.coupons.promo_code"}}
      </label>
      <Input @type="text" name="promo_code" @value={{this.promoCode}} />
    </p>

    <p>
      <label for="amount">
        {{i18n "discourse_subscriptions.admin.coupons.discount"}}
      </label>
      <ComboBox
        @content={{this.discountTypes}}
        @value={{this.discountType}}
        @onChange={{action (mut this.discountType)}}
      />
      <Input
        class="discount-amount"
        @type="text"
        name="amount"
        @value={{this.discount}}
      />
    </p>

    <p>
      <label for="active">
        {{i18n "discourse_subscriptions.admin.coupons.active"}}
      </label>
      <Input @type="checkbox" name="active" @checked={{this.active}} />
    </p>
  </form>

  <DButton
    @action={{action "createNewCoupon"}}
    @label="discourse_subscriptions.admin.coupons.create"
    @title="discourse_subscriptions.admin.coupons.create"
    @icon="plus"
    class="btn-primary btn btn-icon"
  />

  <DButton
    @action={{action "cancelCreate"}}
    label="cancel"
    @title="cancel"
    @icon="xmark"
    class="btn btn-icon"
  />
</div>